<template>
  <div class="drashboard">
    <div class="D-top-title">
      <slot name="title" />
    </div>
    <div class="D-container">
      <slot name="container" />
    </div>
  </div>
</template>
<style lang="scss" scoped>
.drashboard {
  margin-left: 10px;
  height: 100%;
  .D-top-title {
    color: #fff;
    background-image: url('../assets/images/titlebg-right.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 25px;
    // margin-left: 30px;
    padding-left: 10px;
  }
  .D-container {
    color: #fff;
    height: calc(100% - 33px);
    background-image: url('../assets/images/areabg-right.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 5px;
    overflow: auto;
    scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
  }
  .D-container::-webkit-scrollbar {
    display: none; /* Chrome Safari */
  }
}
</style>
